const label = '授权页面'
const name = 'DkWxOauthPage'

export default {
  icon: 'Cellphone',
  label,
  name,
  rule() {
    return {
      type: name,
      props: {
        mode: 'dialog'
      },
      showStyle: true,
      children: []
    }
  },
  props() {
    return [
      {
        type: 'radio',
        field: 'mode',
        title: '显示模式',
        value: 'dialog',
        options: [
          { label: '弹窗模式', value: 'dialog' },
          { label: '仿微信页面', value: 'official' }
        ],
        effect: {
          help: '选择授权页面的显示样式'
        },
        control: [
          {
            value: 'dialog',
            rule: [
              { type: 'input', field: 'title', title: '授权标题', value: '获取你的昵称，头像' },
              {
                type: 'input',
                field: 'message',
                title: '授权描述',
                value: '允许我们在必要的场景下,合理使用您的个人信息,并且充分保障您的合法权益',
                effect: {
                  help: '授权描述信息，为空时使用默认文案'
                }
              }
            ]
          },
          {
            value: 'official',
            rule: [
              { type: 'input', field: 'name', title: '公众号名', value: '公众号名' },
              { type: 'DkImageInput', field: 'logo', title: 'Logo图片', value: '' },
              { type: 'input', field: 'title', title: '授权标题', value: '获取你的昵称，头像' }
            ]
          }
        ]
      }
    ]
  }
}
